(function () {
  // 步骤3：创建echarts实例
  let myChart = echarts.init(document.querySelector(".box:nth-of-type(1)"));

  // 步骤4：定义配置（指定图表的配置项和数据）
  // let option = {
  //     title:{
  //         text:"历史总得分",
  //         right:"center",

  //     },
  // xAxis: {
  //     // type: 'category',
  //     // data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  //     show: false,
  // },
  // yAxis: {
  //     // type: 'value',
  //     type: 'category',
  //     data: ['史蒂芬·库里', '特雷西·麦格雷迪', '凯文·杜兰特', '科怀·伦纳德', '勒布朗·詹姆斯', '科比·布兰恩特', '迈克尔·乔丹'],
  //     // 坐标轴刻度标签的：颜色#9a9fb4、字体14px
  //     axisLabel: {
  //         color: "#9a9fb4",
  //         fontSize: "14"
  //     },
  //     // 坐标轴轴线：隐藏
  //     "axisLine":{
  //         "show":false
  //     },
  //     // 坐标轴刻度：隐藏
  //     "axisTick":{
  //         "show":false
  //     },
  // },
  // grid: {
  //     left: 100,
  //     bottom: 8
  // },
  // series: [
  //     {
  //         data: [20064, 18381, 25526, 11085, 37062, 33643, 32292],
  //         type: 'bar',
  //         showBackground: true,
  //         // backgroundStyle: {
  //         //  color: 'rgba(180, 180, 180, 0.2)'
  //         // },

  //         // 柱状图颜色
  //         color: '#6abaf2',
  //         backgroundStyle: { // 柱状图背景色
  //             color: '#1e2a6a'
  //         },
  //         // 图形上的文本标签
  //         label: {
  //             show: true,
  //             position: "outside", // 定位外部
  //             color: '#65b1e9',
  //             fontWeight:'bold',
  //             formatter: "{c}分"
  //         },
  //     }
  // ]
  // };

  let option = {
    title: {
      text: "历史总得分",
    //   subtext: "Fake Data",
    },
    tooltip: {
      trigger: "axis",
    },
    legend: {
      data: ["常规赛", "季后赛"],
    },
    toolbox: {
      show: true,
      feature: {
        dataView: { show: true, readOnly: false },
        magicType: { show: true, type: ["line", "bar"] },
        restore: { show: true },
        saveAsImage: { show: true },
      },
    },
    calculable: true,
    xAxis: [
      {
        type: "category",
        // prettier-ignore
        data: ['库里', '麦迪', '杜兰特', '伦纳德', '詹姆斯', '科比', '乔丹'],
      },
    ],
    yAxis: [
      {
        type: "value",
      },
    ],
    series: [
      {
        name: "常规赛",
        type: "bar",
        data: [
            20064, 18381, 25526, 11085, 37062, 33643, 32292
        ],
        markPoint: {
          data: [
            { type: "max", name: "Max" },
            { type: "min", name: "Min" },
          ],
        },
        // markLine: {
        //   data: [{ type: "average", name: "Avg" }],
        // },
      },
      {
        name: "季后赛",
        type: "bar",
        data: [
            3417, 1109, 4559, 2865, 7631, 5640, 5987
        ],
        markPoint: {
          data: [
            { name: "Max", value: 182.2, xAxis: 7, yAxis: 183 },
            { name: "Min", value: 2.3, xAxis: 11, yAxis: 3 },
          ],
        },
        markLine: {
        //   data: [{ type: "average", name: "Avg" }],
        },
      },
    ],
  };

  // 步骤5：使用刚指定的配置项和数据显示图表
  myChart.setOption(option);

  // window.onresize = () => {
  //     myChart.resize()
  // }

  window.addEventListener("resize", () => {
    myChart.resize();
  });
})();
